<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>系统用户查询页面</title>
    <base th:href="${#servletContext.getContextPath()+'/'}">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap-3.4.1/dist/css/bootstrap.css" type="text/css">

    <!--  引入jquery文件  -->
    <script src="jquery/jquery-3.6.1.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap-3.4.1/dist/js/bootstrap.min.js" type="text/javascript"></script>

    <!--引入js文件 -->
    <script src="/jquery/http.js" type="text/javascript"></script>

    <script type="text/javascript">
        function deleteSysUser(id) {
            console.log(id);
        }

        $(function () {
            $("#sysUserCheckFlag").change(function () {
                //获取当前状态
                var val = $(this).prop("checked");
                //遍历获取选中的对象
                $(".sysUserCheck").each(function () {
                    $(this).prop("checked", val);
                })
            });

            $("#sysUserBatchDel").click(function () {
                //创建一个集合
                var array = new Array();

                //获取用户勾选的数据
                $(".sysUserCheck:checked").each(function () {
                    array.push($(this).val());
                })

                //转发
                sendRequest("SystemUserServlet/batchDel", array, function (data) {
                    if (data.code == 200) {
                        location.reload();
                    }
                });

            });

        })


    </script>

</head>
<body>
<!--    1.创建一个表单数据-->
<button class="button btn-danger" id="sysUserBatchDel">批量删除</button>
<table class="table">
    <tr>
        <a href="/PageServlet/system/sysUserAdd.html">添加</a>
    </tr>
    <tr>
        <th>
            <input type="checkbox" id="sysUserCheckFlag">
        </th>
        <th>id</th>
        <th>username</th>
        <th>sex</th>
        <th>email</th>
        <th>birthday</th>
        <th>操作</th>
    </tr>

    <!--    //2.遍历sysUserList集合-->
    <!--    <span th:text="${sysUserList}" ></span>-->
    <tr th:each="sysUser:${sysUserList}">
        <td>
            <input class="sysUserCheck" type="checkbox" th:value="${sysUser.id}">

        </td>
        <td th:text="${sysUser.id}"/>
        <td th:text="${sysUser.username}"/>
        <td th:text="${sysUser.sex==1?'男':'女'}"/>
        <td th:text="${sysUser.email}"/>
        <td th:text="${#dates.format(sysUser.birthday,'yyyy-MM-dd')}"/>
        <td>
            <a th:href="|SystemUserServlet/systemUserById?id=${sysUser.id}|">编辑</a>
            <a th:href="|SystemUserServlet/delete?id=${sysUser.id}|">删除</a>

        </td>

    </tr>

</table>


</body>
</html>